<template>
  <div class="planner">
    <h3 class="title">{{ $route.query.cname }} 策划师列表</h3>
    <el-table :data="tableData" style="width: 70%; margin: 0 auto">
      <el-table-column prop="nid" label="编号" width="100"> </el-table-column>
      <el-table-column prop="nname" label="姓名" width="150"> </el-table-column>
      <el-table-column prop="nphone" label="手机号"> </el-table-column>
      <el-table-column prop="addtime" label="添加时间"> </el-table-column>
      <el-table-column prop="pnum" label="订单量"> </el-table-column>
      <el-table-column prop="status" label="状态"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
import api from "../api";
export default {
  name: "Planner",
  components: {},
  data() {
    return {
      tableData: [],
    };
  },
  mounted() {
    api
      .selectPlanner({
        cid: this.$route.query.cid,
      })
      .then((res) => {
        if (res.status == 200) {
          this.tableData = res.data;
        }
      });
  },
};
</script>

<style lang="less" scoped>
.title {
  width: 68%;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  background-color: #c4b4a9;
  margin-bottom: 10px;
}
</style>